<%--
  Created by IntelliJ IDEA.
  User: Cesiumai
  Date: 2016/6/15
  Time: 17:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; UTF-8"
         pageEncoding="UTF-8" %>
<style>

    .nav{
        list-style: none outside none;
    }
    .nav li {
        width: 77px;
        height: 107px;
        float: left;
        line-height: 107px;
        font-size: 17px;
        color: #262626;
        margin-left: 16px;
        margin-right: 16px;
        text-align: center;
    }
    .nav li a {
        text-decoration: none;
        color: inherit;
        padding-top: 10px;
        font-family: Microsoft Yahei;
    }

    .nav li .sub{
        position: absolute;
        width: 100px;
        border: 1px solid #ccc;
        height: 150px;
        color: blue;
        z-index: 9999;
        background: white;
        display: none;
        margin-top: -30px;
    }  /* 先使二级菜单的内容隐藏 */
    .nav>li:hover .sub{display: block;}   /* 鼠标滑过一级菜单后的显示二级菜单 */
    .nav>li{transition: .4s;}  /* 颜色添加过渡时间     未处理兼容性*/
    .sub li{
        padding: 5px 0;
        transition: .4s;
        cursor: pointer;
        height: 25px;
        line-height: 35px;
    }
    .sub li:hover{
        color: #00f;
    }
    .sub li a:hover{
        border: 0px !important;
    }
    .nav li a:hover{
        border-top: 3px solid #424C55;
    }
</style>
<div style="width: 1300px;height: 100px;margin: 0 auto;">
    <div style="float: left;">
        <a href="index" style="text-align: center;vertical-align: middle;display: table-cell;width: 100%;height: 100px;">
            <img src="<%=SystemManage.getInstance().getSystemSetting().getImageRootPath() %><%=SystemManage.getInstance().getSystemSetting().getLogo() %>"
                 style="max-width: 310px; max-height: 100%"/>
        </a>
    </div>
    <div style="float: right;">
        <ul class="nav">
            <li>
                <a href="<%=path%>/index">首 页</a>
            </li>
            <li>
                <a href="<%=path%>/about/59">关于博源</a>
            </li>
            <li>
                <a href="<%=path%>/article">行业新闻</a>
            </li>
            <li>
                <a href="<%=path%>/law">政策法规</a>
            </li>
            <li>
                <a href="<%=path%>/service/">招标信息</a>
                <ul class="sub" >
                    <c:forEach var="item" items="<%=SystemManage.getInstance().getArticleCategory(1) %>">
                        <li <c:if test="${!empty code && code eq item.code}">class="active"</c:if> ><a href="<%=path%>/service/${item.code}">${item.catename}</a></li>
                    </c:forEach>
                </ul>
            </li>
            <li>
                <a href="<%=path%>/succee">成功案例</a>
            </li>
            <li>
                <a href="<%=path%>/recruitment">诚聘英才</a>
            </li>
            <li>
                <a href="<%=path%>/message">在线留言</a>
            </li>
            <li>
                <a href="<%=path%>/contact">联系我们</a>
            </li>
        </ul>
    </div>
</div>